import styled from "styled-components";

export const DiscoverItem_style = styled.div`
  width:10.3125rem;
  height: 19rem;
  border-radius: 10px;
  margin:0.5rem 0.3rem;
  background-color: gold;
  & .DiscoverItem_img {
    width: 100%;
    height: 12.5rem;
  }
`;

export const TextContent = styled.div`
  width: 100%;
  height: 5.8rem;
  position: relative;
  & .DiscoverItem_name {
    height: 2rem;
    font-size: 0.75rem;
    font-weight: 250;
    .icon {
      padding: 0.45rem 0.25rem 0rem 0.25rem;
      width: 1.2rem;
      height: 1.2rem;
    }
  }
  & .DiscoverItem_text {
    height: 2.4rem;
    font-size: 13px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  & .DiscoverItem_author {
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 13px;
    img {
      width: 0.9375rem;
      height: 0.9375rem;
      border-radius:0.46875rem;
    }
  }
  & .DiscoverItem_like {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 13px;
    .icon {
      width: 1rem;
      height: 1rem;
    }
  }
`;
